/**
 *  Description: Margin
 *  Author: yzm
 *  @param: $caMarginBase = 5px
 */

@import "varibles";

/****margin***/
.ca-m-5 {
    margin: $caMarginBase;
}

.ca-m-8 {
    margin: $caMarginBase * 1.6;
}

.ca-m-10 {
    margin: $caMarginBase * 2;
}

.ca-m-15 {
    margin: $caMarginBase * 3;
}

.ca-m-20 {
    margin: $caMarginBase * 4;
}

.ca-m-25 {
    margin: $caMarginBase * 5;
}

.ca-m-30 {
    margin: $caMarginBase * 6;
}

/***margin-top**/
.ca-m-t-5 {
    margin-top: $caMarginBase;
}

.ca-m-t-8 {
    margin-top: $caMarginBase * 1.6;
}

.ca-m-t-9 {
    margin-top: $caMarginBase * 1.8;
}

.ca-m-t-10 {
    margin-top: $caMarginBase * 2;
}

.ca-m-t-15 {
    margin-top: $caMarginBase * 3;
}

.ca-m-t-20 {
    margin-top: $caMarginBase * 4;
}

.ca-m-t-25 {
    margin-top: $caMarginBase * 5;
}

.ca-m-t-28 {
    margin-top: $caMarginBase * 5.6;
}

.ca-m-t-30 {
    margin-top: $caMarginBase * 6;
}

/****Margin-bottom****/
.ca-m-b-5 {
    margin-bottom: $caMarginBase;
}

.ca-m-b-8 {
    margin-bottom: $caMarginBase * 1.6;
}

.ca-m-b-9 {
    margin-bottom: $caMarginBase * 1.8;
}

.ca-m-b-10 {
    margin-bottom: $caMarginBase * 2;
}

.ca-m-b-15 {
    margin-bottom: $caMarginBase * 3;
}

.ca-m-b-20 {
    margin-bottom: $caMarginBase * 4;
}

.ca-m-b-25 {
    margin-bottom: $caMarginBase * 5;
}

.ca-m-b-28 {
    margin-bottom: $caMarginBase * 5.6;
}

.ca-m-b-30 {
    margin-bottom: $caMarginBase * 6;
}

/****margin-right***/
.ca-m-r-5 {
    margin-right: $caMarginBase;
}

.ca-m-r-10 {
    margin-right: $caMarginBase * 2;
}

.ca-m-r-15 {
    margin-right: $caMarginBase * 3;
}

.ca-m-r-20 {
    margin-right: $caMarginBase * 4;
}

.ca-m-r-25 {
    margin-right: $caMarginBase * 5;
}

.ca-m-r-30 {
    margin-right: $caMarginBase * 6;
}

.ca-m-r-35 {
    margin-right: $caMarginBase * 7;
}

.ca-m-r-40 {
    margin-right: $caMarginBase * 8;
}

.ca-m-r-45 {
    margin-right: $caMarginBase * 9;
}

.ca-m-r-50 {
    margin-right: $caMarginBase * 10;
}

.ca-m-r-55 {
    margin-right: $caMarginBase * 11;
}

.ca-m-r-60 {
    margin-right: $caMarginBase * 12;
}

/**margin-left**/
.ca-m-l-5 {
    margin-left: $caMarginBase;
}

.ca-m-l-10 {
    margin-left: $caMarginBase * 2;
}

.ca-m-l-15 {
    margin-left: $caMarginBase * 3;
}

.ca-m-l-20 {
    margin-left: $caMarginBase * 4;
}

.ca-m-l-25 {
    margin-left: $caMarginBase * 5;
}

.ca-m-l-30 {
    margin-left: $caMarginBase * 6;
}

.ca-m-l-35 {
    margin-left: $caMarginBase * 7;
}

.ca-m-l-40 {
    margin-left: $caMarginBase * 8;
}

.ca-m-l-45 {
    margin-left: $caMarginBase * 9;
}

.ca-m-l-50 {
    margin-left: $caMarginBase * 10;
}

.ca-m-l-55 {
    margin-left: $caMarginBase * 11;
}

.ca-m-l-60 {
    margin-left: $caMarginBase * 12;
}

/****padding***/
.ca-p-5 {
    padding: 5px;
}

.ca-p-8 {
    padding: 8px;
}

.ca-p-10 {
    padding: 10px;
}

.ca-p-15 {
    padding: 15px;
}

.ca-p-20 {
    padding: 20px;
}

.ca-p-22 {
    padding: 22px;
}

/***padding-top**/
.ca-p-t-5 {
    padding-top: 5px;
}

.ca-p-t-8 {
    padding-top: 8px;
}

.ca-p-t-10 {
    padding-top: 10px;
}

.ca-p-t-15 {
    padding-top: 15px;
}

.ca-p-t-20 {
    padding-top: 20px;
}

.ca-p-tb-lr-9-15 {
    padding: 9px 15px;
}

.ca-tp-8 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.ca-p-t-7 {
    padding-top: 7px
}

.ca-p-l-30 {
    padding-left: 30px;
}

.ca-p-b-20 {
    padding-bottom: 20px
}

.ca-p-l-22 {
    padding-left: 22px;
}

.ca-p-r-22 {
    padding-right: 22px;
}

.ca-p-b-22 {
    padding-bottom: 22px;
}

.ca-p-0 {
    padding: 0
}
.ca-p-t-50{padding-top:50px}
/***行高*/
.ca-leng-28 {
    line-height: 28px;
}

.ca-leng-38 {
    line-height: 38px;
}

.ca-line-25 {
    line-height: 25px
}

.ca-leng-30 {
    line-height: 30px
}
.ca-p-l-20{padding-left:20px;}
.ca-p-r-20{padding-right: 20px;}
.el-button+.el-button.ca-m-l-0{margin-left:0}
.ca-m-l-0{margin-left:0}
